<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>说明</title>
<script type="text/javascript" src="js/jquery-latest.min.js"></script>
<script type="text/javascript">
	$(function(){
		//$("#readme tbody tr:nth-child(odd)").css("background-color","#e0edfe");
		$("table[class='table-striped'] tbody tr:nth-child(odd)").css("background-color","#e0edfe");
	});
</script>
 <style type="text/css">
 

.div1{
background-color: #e0edfe;
}

.table-striped{
  	color:#707070; 
  	width:100%; 
  	text-align:center; 
  	background:#FFF; 
  	margin-top:10px;
  	margin-bottom:10px;
  	font-family: 微软雅黑;
}

.table-striped td {border: 1px solid #d1cdcd;font-size:12px; padding: 3px 3px 3px 8px;}
  
 </style>
</head>
<body>

<h1>A72.0界面原型使用说明</h1>

<ul>
	<li>使用jquery + easyui + echarts开发完成，可通过json配置顶部一二级菜单以及左侧二三级菜单</li>
	<li>提供了一个钻井专业的例子，推荐使用首页(default.html)中的链接钻井专业(模板)</li>
	<li>乱码时请将文件字符集修改为UTF-8</li>
	<li>因需要动态加载数据，请使用IE浏览器兼容模式 推荐IE9</li>
</ul>

<h2>操作步骤：</h2>

<h3>I HTML文件创建</h3>
<div class="div1">
<p>1.在原型目录(prototype)/WebContent下创建文件夹：html/专业名称或者项目名称/ 例如：html/dr/</p>
<p>2.复制dr文件夹下的全部.html文件至新创建的 "/专业名称或者项目名称/"文件夹下</p>
</div>

<h3>II JSON数据文件创建</h3>
<div class="div1">
<p>1.在原型目录(prototype)/data下创建文件夹：/专业/ 例如：data/dr/</p>
<p>2.复制dr文件夹下的全部.json文件至新创建的 "/专业名称或者项目名称/"文件夹下</p>
</div>

<h3>III HTML文件修改</h3>
<div class="div1">
<p>1.修改html/专业名称或者项目名称/下index.html文件</p>
<p> ①修改index.html文件第30行为：$("#mainframe").attr('topframejsondata', '../../data/专业名称或者项目名称/dr_nav.json');</p>
<p> ②修改index.html文件第32行为：$("#mainframe").attr('topframesrc', '../common/head.html');(通常情况无需修改)</p>
<p> ③修改index.html文件第34行为：$("#mainframe").attr('contentframesrc', '../专业名称或者项目名称/home.html');</p>
<p> ④修改index.html文件第36行为：$("#mainframe").attr('jsonmenu', '../../data/专业名称或者项目名称/dr.json');</p>
</div>

<h3>IIII JSON文件修改</h3>
<div class="div1">
<p>1.修改data/专业名称或者项目名称/下*.json文件</p>
<p>dr_nav.json 专业一二级目录具体说明参见文件</p>
<p>dr.json 专业二三级目录具体说明参见文件 
	<br>&nbsp;&nbsp;&nbsp;其中url属性为点击左侧菜单栏右侧加载的相对文件地址
	<br>&nbsp;&nbsp;&nbsp;当文件是4级目录时需要在dr_nav.json下指定二级菜单则dr.json文件下的原有二级菜单作为三级菜单使用
</p>
<p>datagrid_data1.json 标准json格式 需要和datagrid(列表)field属性对应</p>
</div>


<h3>IV 说明：</h3>

<table class="table-striped" id="readme">
	<tr>
		<th>文件名称及路径</th>
		<th>功能说明</th>
		<th>改动说明</th>
	</tr>
	
	<tr>
		<td>login.html</td>
		<td>原型登录页</td>
		<td><font color="red">无需修改</font></td>
	</tr>
	<tr>
		<td>default.html</td>
		<td>原型首页</td>
		<td><font color="red">无需修改</font></td>
	</tr>
	<tr>
		<td>html/common/head.html</td>
		<td>原型头部文件用于加载一二级菜单</td>
		<td><font color="red">无需修改</font></td>
	</tr>
	<tr>
		<td>html/dr/content.html</td>
		<td>原型多tabs维护页面示例</td>
		<td>根据需求修改</td>
	</tr>
	
	<tr>
		<td>html/dr/echarts.html</td>
		<td>柱状图</td>
		<td>仅供参考、根据需求修改、 参见百度开源图表组件echarts</td>
	</tr>
	
	<tr>
		<td>html/dr/home.html</td>
		<td>原型专业首页</td>
		<td>根据需求修改</td>
	</tr>
	
	<tr>
		<td>html/dr/index_auto.html </td>
		<td>原型布局页面(自动装载)</td>
		<td><font color="red">无需修改</font></td>
	</tr>
	
	<tr>
		<td>html/dr/index_dr.html</td>
		<td>原型布局页面（非自动装载）</td>
		<td><font color="red">仅供参考、无需修改</font></td>
	</tr>
	
	<tr>
		<td>html/dr/index.html</td>
		<td>原型分专业访问主页链接首页</td>
		<td>根据III提示修改</td>
	</tr>
	
	<tr>
		<td>html/dr/list.html</td>
		<td>列表展示页面</td>
		<td>根据需求修改</td>
	</tr>
	
	<tr>
		<td>html/dr/portal.html</td>
		<td>个人门户页面</td>
		<td>仅供参考、根据需求修改</td>
	</tr>
	
	<tr>
		<td>html/dr/project.html </td>
		<td>项目流程流转示例</td>
		<td>根据需求修改</td>
	</tr>

</table>

</body>
</html>